body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select{margin: 0;padding: 0;font-family: "微软雅黑";}
body{max-width:768px;margin:0 auto;}
img {border: none;vertical-align: middle;max-width: 100%;}
input, textarea {outline: none;border: none;}
li{list-style: none;}
a:link,a:active,a:visited,a:hover{text-decoration:none;color: #000;}
.clear{clear: both;}
body{overflow-x: hidden;}
.shadow{display: none;background-color: #000000;filter:alpha(opacity=50);position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 1;text-align: center;opacity: 0.5;}
.shadowz{background-color: #000000;filter:alpha(opacity=50);position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 1;text-align: center;opacity: 0.5;}
.bg{background: url(../images/bj.png) no-repeat;position: fixed;z-index: -1;background-size: 100% 100%;height: 100vh;width: 100%; max-width:768px;}

.box{position: relative;min-height: 100vh;width: 100%; overflow:hidden;max-width:768px;margin:0 auto;}
.box .rules{background-color: #f8a000;color: #fff;text-align: center;padding: 5px 10px;float: right;margin-top: 0.4rem;font-size: 0.26rem;border-bottom-left-radius: 15px;border-top-left-radius: 15px;}
.box .top{text-align: center;max-width: 90%;margin: 0 auto;margin-top: 1.8rem;}
.box .top img{max-width: 100%;}
.box .middle{max-width: 70%;margin: 0 auto;margin-top: 1.5rem;text-align: center;}
.box .middle img{max-width: 100%;}
.box .middles{max-width: 70%;margin: 0 auto;margin-top: 0.2rem;text-align: center;padding-left: 0.3rem;}
.box .middles img{max-width: 45%;}
.shadows{width: 100%;text-align: center;display: none;position: absolute;z-index: 999;height: 100vh;}
.shadows img{max-width: 85%;}
.shadows .close{width: 0.64rem;cursor: pointer;margin-top: 1.3rem;}
.shadows .rule{font-size: 0.24rem;background: url(../images/img033.png) no-repeat center;width: 5.5rem;height: 8rem;background-size: 100%;padding: 0.8rem 0.5rem;margin:auto; border-radius:12px;top: 0;bottom: 0;left: 0;right: 0;position: absolute;}
.shadows .rule .rule_box{height: 7.2rem;overflow-y: scroll; margin-top: 0.4rem;}
.shadows .rule p{line-height: 1.6;margin-bottom: 5px 0;text-align: left;}
.shadows .rule .rule_title{color: #f71b0e;text-align: center;font-weight: bold;font-size: 20px;margin-bottom: 0.2rem;}
.music{position: fixed;right: 0.2rem;top: 0.8rem;z-index: 0;cursor: pointer;}
.music.active img{animation:turn 3s linear infinite;}
#music{display: none;}



.box .loading {
    text-align:center;
    overflow:hidden;
    width:75px;
    position:absolute;
    top:50%;
    margin-top:-37px;
    left:50%;
    margin-left:-37px;
    z-index:100;
}
.box .loading img{
    width:75px;
}

@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
  }

.xuanzhun{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 3s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 3s;
    -webkit-animation: rotate 6s linear infinite;
    -moz-animation: rotate 6s linear infinite;
    -o-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

#sub{font-size: 16px;width: 85%;margin: 2.5rem auto;background-color: #fff;box-shadow:0px 4px 5px #fdaa8d;padding: 0 0.3rem 0.5rem;border-radius: 12px;}
#sub .titles{text-align: center;width: 2.6rem;height: 0.9rem;margin: 0 auto;background-color: #f5a01c;line-height: 0.9rem;color: #fff;position: relative;top: -0.2rem;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;}
#sub .titles::after{content: "";position: absolute;width: 3.3rem;height: 0.86rem;top: 0rem;left: -0.32rem;background: url(../images/img007.png) no-repeat center;background-size: 100% 100%;z-index: -1;}
#sub .title{font-size: 0.32rem;font-weight: bold;margin: 0.2rem 0 0.4rem;}
#sub p{background-color: #f2f2f2;margin-bottom: 0.3rem;line-height: 0.44rem;padding: 0.2rem 1rem 0.2rem 0.4rem;border-radius: 30px;position: relative;}
#sub p font{margin-right: 0.2rem;}
#sub p .answer{color: #ff4400;position: absolute;height: 0.4rem;top: 0;bottom: 0;right: 0.3rem;margin: auto;}
#sub .tip img{width: 0.24rem;height: 0.24rem;margin-bottom: 0.3rem;vertical-align: -webkit-baseline-middle;}
#sub p.active{background-color: #f8a000;color: #fff;}
#sub .btns{overflow: hidden;}
#sub .btn{height: 0.8rem;line-height: 0.8rem;border-radius: 30px;background-color: #fbae28;color: #fff;text-align: center;float: left;width: 45%;margin-left: 2.5%;}
.score .score_img{margin: 0 auto;position: relative;text-align: center;top: -0.74rem;}
.score .score_img img{width: 1.48rem; border-radius:50%;}
.score .succes{text-align: center;font-weight: bold;margin-top: -0.3rem; padding-bottom: 0.4rem;}
.score .scores{text-align: center;position: relative;width: 2rem;height: 0.57rem;background: url(../images/img010.png) no-repeat center;background-size: 100% 100%;margin: 0.1rem auto 0.5rem auto;line-height: 0.57rem;}
.score .score_chance{position: relative;text-align: center;height: 0.2rem;line-height: 0.2rem;margin-bottom: 0.5rem;}
.score .score_chance::after{content: "";width: 1.03rem;height: 0.2rem;position: absolute;left: 0;background: url(../images/img011.png) no-repeat center;background-size: cover;}
.score .score_chance::before{content: "";width: 1.03rem;height: 0.2rem;position: absolute;right: 0;background: url(../images/img011.png) no-repeat center;background-size: cover;}
.score .share{background-color: #f8a000;margin-bottom: 0.3rem;height: 0.8rem;line-height: 0.8rem;padding: 0 0.4rem;border-radius: 30px;text-align: center;color: #fff;font-weight: bold;display: block;}
.score .again{background-color: #FFFFFF;margin-bottom: 0.3rem;height: 0.8rem;line-height: 0.8rem;padding: 0 0.4rem;border-radius: 30px;text-align: center;color: #f8a000;font-weight: bold;border: 1px solid #F8A000;border-radius: 20px;display: block;}
.score .ewm{overflow: hidden;margin-top: 0.5rem;padding: 0 0.3rem;text-align: center;line-height: 1.6;font-size: 0.28rem;}
.score .ewm font{color: red;text-decoration: underline;}
/* .score .ewm img{float: left;width: 20%;}
.score .ewm span{float: left;width: 75%;padding-left: 5%;} */
.personal{position: fixed;width: 80%;height: 8rem;background: url(../images/img013.png) no-repeat center;background-size: cover;z-index: 999;top: 2rem;left: 10%;font-size: 16px;}
.personal .personal_box{padding: 0.8rem 0.5rem 0.5rem;}
.personal .personal_title{text-align: center;font-size: 24px;color: #fff;margin-bottom: 0.5rem;}
.personal input{height: 0.9rem;line-height: 0.9rem;width: 100%;margin-bottom: 0.3rem;font-size: 20px;text-indent: 1em;border-radius: 20px;}
.personal .personal_infor{color: #fff;font-size: 14px;margin-top: -0.2rem;}
.personal span{position: absolute;width: 3.5rem;height: 0.7rem;line-height: 0.7rem;background-color: #F8A000;color: #fff;bottom: 0.5rem;text-align: center;left: 20%;border-radius: 20px;cursor: pointer;}
.personal .closes{cursor: pointer;position: absolute;bottom: -0.8rem;width: 0.64rem;left: 50%;margin-left: -0.32rem;}


.prizes{background: url(../images/img034.png) no-repeat center;position: fixed;z-index: -1;left: 0;top: 0;background-size: cover;height: 12rem;width: 100%;}
.prize{background: url(../images/img035.png) no-repeat center;position: fixed;z-index: -1;left: 0;background-size: cover;height: 6.5rem;width: 100%;top: 5.5rem;}
.prize p{color: #f71b0e;font-size: 1rem;margin-top: 1rem;text-align: center;margin-bottom: 0.8rem;}
.prize a{display: block;color: #bc2617;background-color: #fbde80;width: 4rem;height: 0.9rem;line-height: 0.9rem;font-size: 0.36rem;text-align: center;margin: 0.3rem auto;border-radius: 20px;}


.draws{display: none;position: fixed;z-index: 99;width: 5.8rem;height: 5.4rem;left: 50%;margin-left: -2.9rem;top: 3rem;background: url(../images/img015.png)no-repeat center;background-size: cover;}
.draws p{width: 3.4rem;height: 0.7rem;line-height: 0.7rem;background-color: #fbb52b;color: #fff;position: absolute;bottom: 0.5rem;left: 1.2rem;font-size: 16px;text-align: center;border-radius: 20px;cursor: pointer;}

.donation{background: url(../images/img016.png) no-repeat center;position: fixed;z-index: -1;left: 0;top: 0;background-size: cover;height: 100vh;width: 100%;}
.donation .dona_title{font-size: 0.4rem;margin-top: 1.3rem;text-align: center;color: #fff;margin-bottom: 1rem;}
.donation .dont_p{width: 5.7rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.3rem;margin: 0.5rem auto;background-color: #fff;border-radius: 20px;padding-left: 0.3rem;}
.donation .dont_p span{color: #666;margin-right: 0.3rem;float: left;}
.donation .dont_p input{float: left;max-width: 50%;height: 0.8rem;}
.donation .anony{font-size: 0.3rem;color: #fff;width: 5.7rem;padding-left: 0.3rem;margin: 0 auto;border-bottom: 1px dashed #fff;padding-bottom: 0.5rem;}
.donation .anony input{margin-left: 0.3rem;margin-right: 0.2rem;}
.donation .dona_box{color: #fff;font-size: 0.22rem;width: 6rem;margin: 1rem auto;line-height: 1.6;}
.donation .dona_btn{width: 5rem;height: 0.9rem;line-height: 0.9rem;text-align: center;margin: 0 auto;color: #7e531c;background-color: #f7e84b;font-size: 0.36rem;border-radius: 20px;}

.donation .dona_top{overflow: hidden;border-bottom: 1px dashed #fff;font-size: 0.3rem;color: #fff;width: 5.7rem;margin: 0.8rem auto;padding-bottom: 0.7rem;}
.donation .dona_top .dona_list{width: 50%;float: left;}
.donation .dona_top .dona_list span{font-size: 0.54rem;margin-right: 0.1rem;}
.dona_sure{display: none;position: fixed;width: 5rem;height: 3rem;left: 50%;margin-left: -2.5rem;top: 50%;margin-top: -1.5rem;font-size: 0.4rem;background-color: #fff;z-index: 9;border-radius: 15px;}
.dona_sure p{margin: 0.7rem auto 0.8rem;text-align: center;}
.dona_sures span{width: 40%;float: left;text-align: center;height: 0.6rem;line-height: 0.6rem;border: 1px solid #f8a000;margin-left: 6.6%;border-radius: 15px;font-size: 0.3rem;color: #f8a000;font-weight: bold;}
.dona_sures span.yes{background-color: #f8a000;color: #fff;}
.dona_success{display: none;position: fixed;width: 4.8rem;height: 6.2rem;top: 50%;margin-top: -3.1rem;left: 50%;margin-left: -2.9rem;background: url(../images/img038.png) no-repeat center;background-size: cover;font-size: 0.2rem;color: #fff;border-radius: 15px;z-index: 10;padding: 0 0.5rem;}
.dona_success p{margin: 0.6rem auto 0.4rem;font-weight: bold;text-align: center;font-size: 0.5rem;}
.dona_success span{display: block;}
.dona_success span font{font-size: 0.46rem;margin-right: 0.1rem;}
.dona_success .dona_btns{width: 3.5rem;height: 0.7rem;line-height: 0.7rem;text-align: center;color: #fff;background-color: #fbab27;font-size: 0.36rem;border-radius: 20px;position: absolute;bottom: 0.5rem;left: 50%;margin-left: -1.75rem;}





/* .me{background: url(../images/img029.png) no-repeat center;position: fixed;z-index: -1;left: 0;top: 0;background-size: cover;height: 100vh;width: 100%;} */
.me .me_img{text-align: center;height: 4.1rem;background: url(../images/img036.png) no-repeat center;background-size: cover;}

.me .me_img img{width: 1.48rem; border-radius:50%;margin-top: 1.2rem;}
.me .me_box{background: url(../images/img037.png) no-repeat bottom;margin-top: -0.5rem;background-size: 100% 100%;}
.me a{font-size: 16px;height: 1.5rem;line-height: 1.5rem; baseline-shift: 1.5rem;display: block;width: 100%;border-bottom: 1px solid #ccc;}
.me a>img{width: 0.4rem;margin-left: 0.5rem;}
.me a font{float: right;margin-right: 0.5rem;}
.me a font img{width: 0.14rem;}

.list{margin-top: 1.2rem;text-align: center;}
.list img{width: 3.9rem;}
.list_time{font-size: 0.16rem;color: red;text-align: center;margin-top: 0.2rem;}
.list_box{border-radius: 10px;width: 6.3rem;margin-left: 0.6rem;background-color: #fff;margin-top: 0.5rem;}
.list_box .list_boxs{padding: 0 0.3rem;margin-top: -0.3rem;display: none;}
.list_box .list_nav{overflow: hidden;position: relative;width: 7rem;height: 1.2rem;background: url(../images/img032.png) no-repeat center;background-size: cover;left: -0.35rem;}
.list_box .list_nav span{height: 1rem;line-height: 1rem;font-size: 16px;text-align: center;color: #fff;width: 50%;float: left;cursor: pointer;}
.list_box .list_nav span.active{color: #ffec00;}
.list_box .list_item{overflow: hidden;font-size: 0.24rem;border-bottom: 1px solid #ccc;}
.list_box .list_item.first{border: none;}
.list_box .list_item span{width: 33.33%;float: left;text-align: center;height: 1.2rem;line-height: 1.2rem;}
.list_box .list_item span font{position: relative;top: 3px;margin-left: 3px;}
.list_box .list_item span img{width: 0.6rem;}
.list_box .list_item span:first-child img{width: 0.4rem;}
.list_box .list_item .num{color: #f8a000;text-indent: 2em;}
.list_box p{text-align: center;font-size: 0.12rem;color: #666;padding: 10px 0;}
.list_box p span{margin-left: 5px;}



.join{background: url(../images/img030.png) no-repeat center;position: fixed;z-index: -1;left: 0;top: 0;background-size: cover;height: 100vh;width: 100%;font-size: 16px;}
.join .join_box{margin-top: 1.5rem;padding: 0 0.3rem;}
.join .join_title{text-align: center;color: #f71b0e;border-bottom: 1px solid #e5e5e5;padding-bottom: 0.2rem;}
.join .join_title span{border-bottom: 2px solid #f71b0e;padding-bottom: 0.2rem;}
.join .join_list{max-height: 80vh;overflow: scroll;}
.join .join_item{overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 0.4rem 0;display: block;}
.join .join_item span{color: #999;}


.integral{font-size: 16px;}
.integral_box{overflow: hidden;color: #fff;background: url(../images/img041.png) no-repeat center;height: 2.2rem;background-size: 100% 100%;padding-top: 0.5rem;}
.integral_box .integral_left{float: left;width: 50%;text-align: center;}
.integral_box .integral_right{float: left;width: 50%;text-align: center;}
.integral_box p{font-size: 0.6rem;color: #f71b0e;}
.integral_box span{font-size: 0.24rem;color: #666;}
.integral_list{padding: 0 0.3rem;border-top-left-radius: 15px;border-top-right-radius: 15px;padding-top: 0.5rem;position: absolute;width: 100%;box-sizing: border-box;}
.integral_list .integral_nav{padding-bottom: 0.3rem;border-bottom: 1px solid #ccc;}
.integral_list .integral_nav span{width: 50%;float: left;position: relative;border-bottom: 0.3rem;text-align: center;}
.integral_list .integral_nav span font{padding-bottom: 0.3rem;}
.integral_list .integral_nav span.active font{color: #f71b0e;border-bottom: 1px solid #f71b0e;}
.integral_boxs{padding: 0 0.3rem;display: none;overflow: hidden;background: url(../images/img037.png) no-repeat bottom;background-size: 100% 100%;margin-top: -0.3rem;padding-top: 1.3rem;}
.integral_boxs_boxs{overflow: scroll;max-height: 65vh;}
.integral_item{overflow: hidden;border-bottom: 1px solid #ccc;padding: 0.3rem 0;}
.integral_l{float: left;}
.integral_r{float: right;color:#f71b0e;padding-top: 10px;}
.integral_l span{color: #999;}
.integral_p{float: right;width: 50%;text-align: center;font-size: 0.24rem;color: #666;padding: 0.2rem 0;}
.integral_boxz{position: relative;}




.anony label input[type=radio]:before{content: '';display: block;position: absolute;width: 18px;height: 18px;margin-left:-6px;margin-top: -6px;border-radius: 50%;border: 1px solid #fff;background-color: #fd665e;left: 0;top: 0;}
.anony label input[type=radio]:checked:before{content: '';display: block;position: absolute;width: 18px;height: 18px;border-radius: 50%;margin-left:-6px;margin-top: -6px;border: 1px solid #fff;left: 0;top: 0;}
.anony label input[type=radio]:checked:after{content: '';display: block;position: absolute;width: 10px;height: 10px;background-color: #fff;left: 50%;top: 50%;margin-left: -6px;margin-top: -6px;border-radius: 50%;}
.anony label input{box-sizing: border-box;margin-right: 0.25rem;width: 10px;height: 10px;border-radius: .05rem;position: relative;border: none;outline: none;}